<template>
        <div class="swiper-container movBanner banner-wrap">
    <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="item in list" :key="item.bannerId">
            <router-link :to="'/movie'+item.bannerId">
            <img :src="item.imgUrl" alt="">
            </router-link>
        </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
           </div>
</template>
<script>
import Swiper from 'swiper'
export default {
    mounted(){
        var mySwiper = new Swiper ('.movBanner', {
   autoplay:true,
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
          clickable :true

    }
    
  })    
    },
    props:['list']
    
}
</script>
<style lang="scss" scoped>

@import url("~@/assets/css/swiper.min.css");
.banner-wrap{
    height: 4.2rem;
    background-color:#ccc;
}
.banner-wrap img{
    width:100%;
}


</style>